import React, { memo } from 'react'
import styles from './index.module.scss'
import cm from 'classnames'
import Button from '@c/button'

const Index = memo(function Index({ title, icon, className }) {
  return (
    <div className={cm(styles.tooltip, className)}>
      <Button hover="scale" className={styles.toolBtn}>
        {icon}
      </Button>
      <div className={cm(styles.title, 'hideWhenPhone')}>{title}</div>
    </div>
  )
})

export default Index
